@charset "utf-8";
/* CSS Document */

/* PERGUNTAS -> LISTAGEM 
----------------------------------------------------------*/

div.container_secao {
	margin-bottom: 50px;
}

label.secao {
	display:block;
	padding:4px;
	margin:10px 0;
	width:945px;
	height:18px;
	background:#333;
	color:#FFF;
	font-size:14px;
	font-weight:bold;	
}

table.list {
	display:inline-table;
	width:953px;
}

table.list th {
	text-align:center;
	background:#666;
	color:#FFF;
}

table.list td {
	padding-left:5px;
	text-align:left;
	background:#EEE;
}

table.list th:nth-child(1), td:nth-child(1) { /* Coluna "Num." */
	width:55px;
}

table.list th:nth-child(3), table.list td:nth-child(3),  /* Coluna "Alterar" */
table.list th:nth-child(4), table.list td:nth-child(4) { /* Coluna "Excluir" */
	width:30px;
	padding:0!important;
}

td:nth-child(3) a img, 
td:nth-child(4) a img {
	display:block;
	width:16px;
	height:16px;
	margin:0 auto;
}


/* PERGUNTAS -> CADASTRO E ALTERAÇÃO
----------------------------------------------------------*/

/* ------> CAMPOS DA PERGUNTA <------ */

#formCadastroPerg  fieldset,
#formAlteracaoPerg fieldset {
	width:925px;
	padding:15px;
	border: 2px groove threedface;
}

table#cadPergunta 	input[type=text], 
table#alterPergunta input[type=text] {
	width:400px;
}

table#cadPergunta   select,
table#alterPergunta select {
	width:405px;
}


/* ------> CAMPOS DAS ALTERNATIVAS <------ */

label#titulo_altern {
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:30px 0 20px 0;
}

table#cadAlternativas {
	display:block;
	width:800px;
}

table#cadAlternativas tbody {
	display:block;
	padding:10px;
	margin-bottom:30px;
	border:3px solid #FFF;

    -webkit-border-radius: 8px;
    border-radius: 8px;
		
	-webkit-box-shadow: 0px 0px 8px 0px #666;
	box-shadow: 0px 0px 8px 0px #666;
        
    background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0e0 1%, #a0a0a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e0e0e0), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e0e0 1%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e0e0 1%,#a0a0a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e0e0 1%,#a0a0a0 100%); /* IE10+ */
	background: linear-gradient(top,  #e0e0e0 1%,#a0a0a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-9 */
	
}

table#cadAlternativas tr td {
	padding:0 2px;
}

#cadAlternativas select, #cadAlternativas input:not(input[type=radio]), .addAlternativa, .delAlternativa,
#alterPergunta   select, #alterPergunta   input:not(input[type=radio]) {
	display:block;
	float:left;
}


/* Atribui-se largura igual a 100% aos elementos que não possuam largura fixa para que 
 * ocupem todo o espaço disponível
 */

#cadAlternativas tr:not(:first-child) td input[type=text],
#cadAlternativas tr:not(:first-child) td select {
	width:100%;
}


/* Alterando a largura dos elementos da primeira e segunda linha, para que as colunas 
 * das demais linhas tenham a mesma largura
 */
input#descAlternativa {
	width:100%;
}

select#tipoElemento,  
select#posicao,
select#mascara,
select#tipo {
	width:210px !important;
}	

input#valor {
	width:150px;
}

input#ordemAltern {
	width:202px;
}

